@{

Layout=null;

}


@model IEnumerable<Books>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="~/css/Base.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" defer></script>
    <script src="~/js/js.js" defer></script>
    <title>Document</title>
</head>
<body>
    <h1>聪  聪  图  书  馆</h1>
    <p>
    <span>书山有路勤为径</span><br>
    <span>学海无涯苦做舟</span>
    </p>
    <div id="top">
        <input id="text" type="text" placeholder="请输入书籍查找关键字">&nbsp;
        <input id="query" type="button" value="查找" >&nbsp;
        <input id="newadd" type="button" value="新增" >

    </div>
    <div id="content" >
        <table style="margin: auto;">
            <tr>
                <th>Id</th>
                <th>图书名称</th>
                <th>ISBN</th>
                <th>作者</th>
                <th>出版社</th>
                <th>价格</th>
                <th>操作</th>
            </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @item.Id
            </td>
            <td>
                @item.BookName
            </td>
            <td>
                @item.ISBN
            </td>
            <td>
                @item.Author
            </td>
            <td>
                @item.Press
            </td>
            <td>
                @item.Price                
            </td>
            <td>
                <input type="button" value="编辑" onclick="Edit(@item.Id)">
                <input type="button" value="删除" onclick="Delete(@item.Id)">
            </td>

        </tr>


    }


        </table>

    </div>
    
</body>
</html>